.pageTemplate {
    padding: 8px 16px 16px 16px;
    position: relative;
    z-index: 1;

    &>.mask {
        position: absolute;
        left: 16px;
        top: 8px;
        width: calc(100% - 32px);
        height: calc(100% - 24px);
        background: var(--blurColor);
        backdrop-filter: blur(calc(var(--blurFilter) * 1px));
        border-radius: calc(var(--blurRadius) * 1px);
        z-index: -1;
    }

    .ant-tabs-content,
    .ant-tabs-tabpane,
    .TabsPage {
        width: 100%;
        height: 100%;
        overflow: hidden;

        &>.ant-result {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

            &>.ant-result-icon {
                margin: 0;
            }
        }
    }

    .ant-tabs-tab {
        user-select: none;
    }

    .ant-tabs-nav-wrap {
        padding-top: 4px;
    }

    .ant-tabs-extra-content {
        color: var(--iconColor);
        font-size: calc(var(--iconSize) * 1px);
    }


    &.PageA01 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        overflow: hidden;

        &>.ant-tabs {
            width: 100%;
            height: 100%;
            overflow: hidden;

            &>.ant-tabs-content-holder {
                overflow: hidden;
            }
        }

        .tableNavBtn {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;

            &>span {
                color: var(--iconColor);
                font-size: calc(var(--iconSize) * 1px);
            }
        }
    }

}